<%@ page contentType="text/html; charset=utf-8"%>

<div id="userManageDiv" style="width: 1168px; display: none;">
	<div class="infoDiv">
		<div class="infoHead">
			<h3 style="margin-top: 5px; margin-left: 10px;">账号管理</h3>
		</div>
	<div style="height: 50px;">
	
		 	<input type="button" id="addUserBtn" onclick="addUser(0)" style="width: 100px;float: right;" class="btn btn-primary m_r" value="添加账号"></input>
	</div>
	<div id="userTableDiv" >
		<table class="table table-striped table-bordered" id="usersTable"></table>

	</div>

	
		<div id="addUserDiv" style="display: none;" >

		<table style="margin-left: 400px;">
			<tr>
				<td style="text-align: right;"><span>账号：</span>
				</td>
				<td><input id="addUserNumber" style="height: 28px;" type="text"
					size="50"> <input id="updataUserPwdBtn"
					style="margin-left: 20px;" onclick="showUpdatePwdView()"
					class="btn btn-primary m_r" type="button" value="修改密码">
				</td>
			</tr>
			<tr class="updataUserPwdView" style="display: none;">
				<td style="text-align: right;"><span>旧密码：</span>
				</td>
				<td><input id="addPwd" style="height: 28px;" type="text"
					size="50">
				</td>
			</tr>
			<tr style="display: none;" class="updataUserPwdView">
				<td style="text-align: right;"><span>新密码：</span>
				</td>
				<td><input id="newAddPwd" style="height: 28px;" type="text"
					size="50">
				</td>
			</tr>
			<tr style="display: none;" class="updataUserPwdView">
				<td style="text-align: right;"><span>重复密码：</span>
				</td>
				<td><input id="addPwd2" style="height: 28px;" type="text"
					size="50">
				</td>
			</tr>
			<tr style="display: none;" class="addUserPwdView">
				<td style="text-align: right;"><span>密码：</span>
				</td>
				<td><input id="pwd" style="height: 28px;" type="text" size="50">
				</td>
			</tr>
			<tr style="display: none;" class="addUserPwdView">
				<td style="text-align: right;"><span>重复密码：</span>
				</td>
				<td><input id="pwd2" style="height: 28px;" type="text"
					size="50">
				</td>
			</tr>
			<tr>
				<td style="text-align: right;"><span>备注：</span>
				</td>
				<td><input id="remark" style="height: 28px;" type="text"
					size="50">
				</td>
			</tr>
			<tr>
				<td style="text-align: right;"></td>
				<td style="text-align: center;"><input
					class="btn btn-primary m_r" onclick="saveOrUpdateUser()" type="button" value="保存账号">
				</td>
			</tr>
		</table>

	</div>
	</div>
	</div>
	

	<script type="text/javascript">
	
	var userData;
	
	$(function() {
		getUsers();
	});
		
		function getUsers(){
			
			
			$.post("user", {"types":"getUsers"},
					   function(data){
						
							
				
							userData = data;
							setUserTableData(data);
					
					   },"json");
			
		}
	
	function setUserTableData(data){
		
		var tableVal = "<thead><tr><th>ID</th><th>账号</th><th>最近登陆时间</th><th>备注信息</th><th>操作</th> </tr></thead><tbody >";
		
		
		for(var i=0;i<data.length;i++){
			var obj = data[i];
		
			tableVal = tableVal+"<tr><td>"+obj.id+"</td><td>"+obj.name+"</td><td>"+obj.lastLoginTime+"</td><td>"+obj.remark+
			"</td><td><a onclick='updataUser("+obj.id+")' href='#'>修改信息</a><a href='#' onclick='delUser("
					+obj.id+","+i+")' style='margin-left: 20px;'>删除账号</a></td></tr>";
		}
		tableVal = tableVal+"</tbody>";
		$("#usersTable").html(tableVal);
		
	} 
		
	var updateUser;
	var updateOrSaveUserState;
		function updataUser(id){
			
			for(var i=0;i<userData.length;i++){
				
				var obj = userData[i];
				
				if(obj.id==id){
					
					updateUser = obj;
					$("#addUserNumber").val(obj.name);
					$("#addPwd").val(obj.pwd);
					$("#remark").val(obj.remark);
					
					
					
					
					addUser(1);
					
					break;
				}
				
			}
			
			
		}
		
		
		function saveOrUpdateUser(){
			
			
			if(updateOrSaveUserState==0){
				
				var number = $("#addUserNumber").val();
				var pwd = $("#pwd").val();
				var pwd2 = $("#pwd2").val();
				var remark =$("#remark").val();
				
				
				if(number==""||pwd==""||pwd2==""){
					
					alert("账号或密码不能为空");
					
					return;
				}else if(pwd!=pwd2){
					alert("两次密码不一致");
					
					return;
					
				}
				
				
				$.post("user", {"types":"addUser","userNumber":number,"pwd":pwd,"remark":remark},
						   function(data){
							
						if(data==true){
						
							getUsers();
							addUser(3);
						}else{
							
							alert("账号添加失败");
							
						}
						   },"json");
				
				
			}else if(updateOrSaveUserState==1){
				
				
				var number = $("#addUserNumber").val();
	
				var remark =$("#remark").val();
				
				var pwd=	$("#newAddPwd").val();
				var pwd2 = 	$("#addPwd2").val();
		
	
				
				if(pwd!=""){
					
				
					if(pwd2!=pwd){
						
						alert("两次密码不一致");
						return;
					}
					
					
				}else {
					
					
					pwd = updateUser.pwd;
					
				}
				
				$.post("user", {"types":"updateUser","userNumber":number,"pwd":pwd,"remark":remark,
					"userId":updateUser.id,"loginTime":updateUser.lastLoginTime},
						   function(data){
							
						if(data==true){
						
							getUsers();
							addUser(3);
						}else{
							
							alert("账号添加失败");
							
						}
						   },"json");
				
			}
			
			
		}
		
		
		
		function delUser(id,i){
			
			

			$.post("user", {"types":"delUser","id":id},
					   function(data){
						
				if(data==true){
					
					userData.baoremove(i);
					setUserTableData(userData);
					
					}else{
						
						alert("删除失败");
						
					}
					   },"json");
		}
		
		
		
		Array.prototype.baoremove = function(dx)
		　{
		　　if(isNaN(dx)||dx>this.length){return false;}
		　　this.splice(dx,1);
		　}
		
		
		
		function showUpdatePwdView(){
			
	
			
			if($("#updataUserPwdBtn").val()=="修改密码"){
				$("#updataUserPwdBtn").val("取消修改密码");
				$(".updataUserPwdView").show();
			}else{
				$("#updataUserPwdBtn").val("修改密码");
				$(".updataUserPwdView").hide();
				$("#addPwd2").val("");
				$("#newAddPwd").val("");
				
			}
			
		}
		
		function addUser(type){
	
			if(type==0){
				
				$("#updataUserPwdBtn").val("修改密码");
				$(".updataUserPwdView").hide();
				
				$("#addUserNumber").val("");
				$("#pwd").val("");
				$("#pwd2").val("");
				$("#remark").val("");
				
				$("#updataUserPwdBtn").hide();
				$(".addUserPwdView").show();
				updateOrSaveUserState=0;
			}else if(type==1){
				
				
				$("#updataUserPwdBtn").val("取消修改密码");
				showUpdatePwdView();
				$("#updataUserPwdBtn").show();
				$(".addUserPwdView").hide();
				updateOrSaveUserState=1;
				
			}
			
			if($("#addUserBtn").val()=="添加账号"){
				
				$("#addUserBtn").val("返回账号列表");
				
				$("#addUserDiv").show();
				$("#userTableDiv").hide();
			}else{
				
				$("#addUserBtn").val("添加账号");
				
				$("#userTableDiv").show();
				$("#addUserDiv").hide();
			}
			
		}
		
		
		</script>






